<ion-header>
  <ion-toolbar>
      <ion-buttons slot="start" (click)="gotohome()">
          <ion-icon name="arrow-back"></ion-icon>
      </ion-buttons>
    <ion-title>badge</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
   <h3>属性</h3>
   <div>
   <p>color="primary | secondary | tertiary ..."</p>
   <ion-list>
      <ion-item>
         <ion-label>primary</ion-label>
         <ion-badge color="primary">11</ion-badge>
      </ion-item>
      <ion-item>
          <ion-label>secondary</ion-label>
          <ion-badge color="secondary">22</ion-badge>
       </ion-item>
       <ion-item>
          <ion-label>tertiary</ion-label>
          <ion-badge color="tertiary">33</ion-badge>
       </ion-item>
       <ion-item>
          <ion-label>success</ion-label>
          <ion-badge color="success">44</ion-badge>
       </ion-item>
       <ion-item>
          <ion-label>warning</ion-label>
          <ion-badge color="warning">55</ion-badge>
       </ion-item>
       <ion-item>
          <ion-label>danger</ion-label>
          <ion-badge color="danger">66</ion-badge>
       </ion-item>
       <ion-item>
          <ion-label>light</ion-label>
          <ion-badge color="light">77</ion-badge>
       </ion-item>
       <ion-item>
          <ion-label>medium</ion-label>
          <ion-badge color="medium">88</ion-badge>
       </ion-item>
       <ion-item>
          <ion-label>dark</ion-label>
          <ion-badge color="dark">99</ion-badge>
       </ion-item>
   </ion-list>
  </div>
  <div>
      <p>mode="ios" | "md" (选择安卓风格或者ios风格)</p>
      <ion-list>
          <ion-item>
             <ion-label>ios</ion-label>
             <ion-badge color="primary" mode="ios">11</ion-badge>
          </ion-item>
          <ion-item>
              <ion-label>md</ion-label>
              <ion-badge color="primary" mode="md">22</ion-badge>
           </ion-item>
      </ion-list>
  </div>
  <h3>CSS</h3>
  <div>
     <p>--background</p>
     <p>--color</p>
     <p>--padding-bottom</p>
     <p>--padding-end</p>
     <p>--padding-start</p>
     <p>--padding-top</p>
  </div>
  <ion-badge class="mybadge">22</ion-badge>
</ion-content>
